@charset "utf-8";

html {background: #FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,ins,hr{margin: 0px;padding: 0px;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
ol,ul,li{list-style-type: none;}
table{border-collapse:collapse;}
fieldset,img{border:0;}
img{display:block;}
body{position: relative;font-size:14px;font-family:"\5B8B\4F53"}
a{text-decoration: none;}
.clear{ clear:both}
.blue{color:#5abbf4;}
.deepblue{ color:#2a95d4}
.orange{color:#fd844e}
.red{ color:#e12e3b;}
.gray{ color:#333;}
.font12{ font-size:12px;}

#box_header{ position:relative; left:50%; top:0; margin-left:-50%;width:100%;min-width:1000xp;height:35px; background:#767676;}
.header{ position:absolute; left:50%; top:0;width:1000px; min-width:1000px;height:35px;margin-left:-500px;}
.logo{ float:left;background:url(/resources/images/pay_images/logo.gif); width:140px; height:35px;}
.pay_nav{ position:absolute; right:0; top:0; height:35px;}
.pay_nav li{ margin:11px 8px; color:#fff; float:left}
.pay_nav li a{ display:block;font-size:12px;color:#fff;}
.pay_nav li a:hover{text-decoration:underline}

#centent{ position:absolute; left:50%; top:35px;margin-left:-500px; width:1000px;}
.banner{ background:url(/resources/images/pay_images/pay_banner.jpg) no-repeat; width:1000px; height:100px;margin:10px 0;}
.title{ font-size:14px; font-family:"\5FAE\8F6F\96C5\9ED1";color:#333; background:url(/resources/images/pay_images/pay_ico.gif) left 10px no-repeat; width:100%; height:35px; line-height:35px; border-bottom:1px solid #d8e0e4; padding-left:25px}
.name{ padding-left:20px; line-height:40px;font-size:12px; color:#333;}
.remaining{ padding-left:20px; line-height:40px;color:#333;}
.remaining span{ font-size:16px; font-weight:bold;padding:0 10px;}

.box_pay{ width:900px; height:280px; border:1px solid #c0e7ff; background-color:#f1f8fe; margin-left:20px;padding:25px 45px;}
.box_pay h4{ font-size:16px; color:#333; font-weight:bold; float:left; display:block; width:80px; line-height:28px;}
.pay_title{ float:left; line-height:26px;}
.pay_title .pay_text{ width:180px; height:26px; line-height:26px;border:1px solid #ccc; background:#fff; text-align:right; padding-right:20px;margin-right:10px; color:#333; font-family:bold; font-size:16px;}
.pay_title span{ font-size:12px; line-height:24px; padding-left:20px;}
.pay_title .equivalent{ font-size:14px; width:300px; height:50px; line-height:50px; position:relative; left:0; top:0;}
.pay_title .equivalent div{ width:120px; height:30px;display:inline-table;padding-right:40px;text-align:right; position:absolute; left:60px; top:0}
.pay_title table{ background:#fff; border:1px solid #ffcbb2;}
.pay_title table th,.pay_title table td{ width:100px; height:25px; line-height:25px; text-align:center;border:1px solid #ffcbb2; color:#333; font-size:12px; font-family:"\5FAE\8F6F\96C5\9ED1";}
.pay_title table th{ background:#ffefe8; font-weight:normal}
.pay_title table td{ background:#fff;}
.pay_title table td span{ font-size:16px;padding:0; font-weight:bold}
.hr{ width:950px;border-bottom:1px dashed #c0e7ff;margin-left:-25px;margin-bottom:15px;}
.payway{ float:left; margin-top:50px;}
.payway input{ float:left; line-height:42px; height:42px;}
.paytreasure,.yeepay{  width:145px; height:42px;margin:0 10px;line-height:42px; display:inline-table;*display:block; float:left}
.paytreasure{ background-image:url(/resources/images/pay_images/paytreasure.gif);}
.yeepay{ background-image:url(/resources/images/pay_images/yeepay.gif);}
.attention{ line-height:50px; padding-left:20px;}
.paybutton{ background:#5abbf4; border:none;margin-left:20px;margin-bottom:20px;text-align:center; font-size:14px; font-weight:bold;color:#fff; width:120px; height:35px;border-radius:3px}